<li class="media media-comment">
  <div class="media-left">
    <a href="#">
      <img width="48" height="48" class="img-circle" src="{{ comment.email|avatarimage }}" alt="...">
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading">{{ comment.realname }}</h4>
    {{ comment.content }}
    <p>
      <small>{{ comment.addtime|strftime }}
        <a href="javascript:reply({{ comment.id }});">Reply</a>
      </small>
    </p>
    {% for k,reply in replys.items() %}
    {% if reply.post_comment_id==comment.id %}
    <div class="media media-comment">
      <div class="media-left">
        <a href="#">
          <img width="48" height="48" class="img-circle" src="{{ reply.email|avatarimage }}" alt="...">
        </a>
      </div>
      <div class="media-body">
        <h4 class="media-heading">{{ reply.realname }}</h4>
        {{ reply.content }}
        <p>
          <small>{{ reply.addtime|strftime }}
            <a href="javascript:reply({{ comment.id }});">Reply</a>
          </small>
        </p>
      </div>
    </div>
    {% endif %}
    {% endfor %}
  </div>
</li>